<div nz-row nzJustify="space-around" nzAlign="middle">
  <div nz-col [nzSpan]="8" [nzOffset]="8" style="margin-top:15%">
    <form
    nz-form
    [formGroup]="validateForm"
    class="login-form"
    (ngSubmit)="submitForm()"
  >
    <nz-form-item>
      <nz-form-control nzErrorTip="Please input your username!">
        <nz-input-group nzPrefixIcon="user">
          <input
            type="text"
            nz-input
            formControlName="username"
            placeholder="username"
          />
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-control nzErrorTip="Please input your Password!">
        <nz-input-group nzPrefixIcon="lock">
          <input
            type="password"
            nz-input
            formControlName="password"
            placeholder="Password"
          />
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-control nzErrorTip="Please input your captcha!">
        <div nz-row dispaly="flex">
        <div nz-col [nzSpan]="13">
          <nz-input-group nzPrefixIcon="lock">
            <input
              type="text"
              nz-input
              formControlName="captcha"
              placeholder="captcha"
            />
          </nz-input-group>
        </div>
        <div nz-col [nzSpan]="11" nz-row>
          <div nz-col [nzOffset]="3">
          <img style="width:120px;cursor:pointer;display:block;height:100%;" (click)='refreshCaptcha()' [src]='captchaUrl'>
        </div>
        </div>
      </div>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item *ngshow=false>
      <nz-form-control>
            <input
              type="text"
              nz-input
              formControlName="uuid"
            />
      </nz-form-control>
    </nz-form-item>
    <div nz-row class="login-form-margin">
      <div nz-col [nzSpan]="12">
        <label nz-checkbox formControlName="remember">
          <span>Remember me</span>
        </label>
      </div>
      <div nz-col [nzSpan]="12">
        <a class="login-form-forgot">Forgot password</a>
      </div>
    </div>
    <button
      nz-button
      class="login-form-button login-form-margin"
      [nzType]="'primary'"
    >
      Log in
    </button>
    Or <a> register now! </a>
  </form>
  </div>

</div>
 


